<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:s="http://jboss.com/products/seam/taglib"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:a4j="http://richfaces.org/a4j" 
	template="/layout/template.xhtml">

	<ui:define name="body">

		<h:form id="companyForm">

			<rich:panel>
				<f:facet name="header">Company</f:facet>

				<s:decorate id="nameField" template="/layout/edit.xhtml">
					<ui:define name="label">Name</ui:define>
					<h:inputText id="companyName" 
						required="true"
						value="#{companyHome.instance.name}" />
				</s:decorate>

				<div style="clear: both" />

				<rich:panel>
					<f:facet name="header">Contact Persons</f:facet>

					<rich:listShuttle sourceValue="#{personList.resultList}"
						targetValue="#{companyHome.contactPersons}" 
						var="person"
						listsHeight="200" 
						sourceListWidth="200"
						targetListWidth="200"
						sourceCaptionLabel="Available Persons"
						targetCaptionLabel="Contact Persons" 
						orderControlsVisible="false"
						fastOrderControlsVisible="false">
						<!-- converter="org.jboss.seam.ui.EntityConverter" -->

						<rich:column>
							<h:outputText value="#{person.name}"></h:outputText>
						</rich:column>

						<rich:column style="max-width:300px; overflow:hidden;">
							<h:outputText value="#{person.email}"></h:outputText>
						</rich:column>

						<s:convertEntity />
						
					</rich:listShuttle>

				</rich:panel>
				<div style="clear: both" />

			</rich:panel>

			<div class="actionButtons">
				<h:commandButton id="save"
					value="Save" 
					action="#{companyHome.persist}"
					rendered="#{!companyHome.managed}" /> 
					
				<h:commandButton id="update"
					value="Update" 
					action="#{companyHome.update}"
					rendered="#{companyHome.managed}" /> 
					
				<h:commandButton id="delete"
					value="Delete" 
					action="#{companyHome.remove}" 
					immediate="true"
					rendered="#{companyHome.managed}" /> 
					
				<s:button propagation="end"
					id="cancel" 
					value="Done" 
					view="/view/companyList.xhtml" />
			</div>

		</h:form>

	</ui:define>

</ui:composition>
